<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="viewport"      content="width=device-width, initial-scale=1.0">
  <meta name="keyword"       content="">
  <meta name="description"   content="">
  <meta name="author"        content="bingo">
  <link rel="shortcut icon"  href="img/Logo.jpg">

  <title>友邻物业</title>

  <!-- Bootstrap core CSS -->
  <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css" />
  <link type="text/css" rel="stylesheet" href="css/bootstrap-reset.css"/>
  <!--external css-->
  <link type="text/css" rel="stylesheet" href="assets/font-awesome/css/font-awesome.css" />
  <link type="text/css" rel="stylesheet" href="assets/bootstrap-datepicker/css/datepicker.css" />
  <!-- Custom styles for this template -->
  <link type="text/css" rel="stylesheet" href="css/style.css"/>
  <link type="text/css" rel="stylesheet" href="css/style-responsive.css" />

  <style>
    #main-content .home-page {
      /*position: relative;*/
      /*absolute*/
      /*relative*/
      height: 100%;
      width: 100%;

      margin: 30px 20px;
      padding-bottom: 30px;
      overflow: hidden;

      background-image: url("./img/point-bg.png");
      background-position: center;
      background-repeat: no-repeat;
      background-attachment:fixed;
    }

    #main-content .home-page-info {
      position: relative;
      width: 100%;
      min-height: 700px;
      text-align: center;
    }

    #main-content .home-page-info > div {
      position: relative;
      width: 300px;

      margin: 30px auto 0;

      text-align: left;
      font-size: 20px;
      color: #b3b3b3;
      line-height: 36px;
    }

    #main-content .home-page-info span {
      font-size: 36px;
      color: #dd4949;
    }

    .modal-body .item-height {
      min-height: 80px;
    }
  </style>
  <!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
  <!--[if lt IE 9]>
  <script type="text/javascript" src="js/html5shiv.js"></script>
  <script type="text/javascript" src="js/respond.min.js"></script>
  <![endif]-->
</head>

<body>
<section id="container">
  <header class="header white-bg">
    <div class="sidebar-toggle-box">
      <div data-original-title="Toggle Navigation" data-placement="right" class="icon-reorder tooltips"></div>
    </div>
    <a href="javascript:void(0);" class="logo" >友邻<span>物业</span></a>

    <div class="top-nav ">
      <ul class="nav pull-right top-menu">
        <li class="dropdown">
          <a id="LoginOut" href="javascript:void(0);"><i class="icon-off"></i> 退出</a>
        </li>
      </ul>
    </div>
  </header>
  <aside>
    <div id="sidebar"  class="nav-collapse ">
      <ul class="sidebar-menu" id="nav-accordion">
        <li><a href="javascript:void(0);" class="active">
          <i class="glyphicon glyphicon-home"></i> <span>
            首页</span></a></li>
        <li class="sub-menu"><a href="javascript:void(0);" >
          <i class="glyphicon glyphicon-tasks"></i> <span>
            业主请求管理</span></a>
          <ul class="sub">
            <li><a  href="Complaints.html">
              投诉处理</a></li>
            <li><a  href="Praises.html">
              表扬处理</a></li>
            <li><a  href="Expressages.html">
              快递管理</a></li>
            <li><a  href="Visitors.html">
              访客管理</a></li>
            <li ><a href="Repairs.html" >
              报事报修</a></li>
            <li ><a href="Maintenance.html" >
              物业费用</a></li>
          </ul></li>
        <li class="sub-menu"><a href="https://wsq.umeng.com/communities/57550f71ee7850393e9c9fec/statistics/" target="_blank">
          <i class="glyphicon glyphicon-file"></i> <span>
          论坛公告管理</span></a></li>
        <li class="sub-menu"><a href="javascript:void(0);" >
          <i class="glyphicon glyphicon-shopping-cart"></i> <span>
          电商服务管理</span></a>
          <ul class="sub">
            <li><a  href="Commodity.html">
              商品</a></li>
            <li><a  href="Services.html">
              物业服务</a></li>
          </ul></li>
        <li class="sub-menu"><a href="Employees.html" >
          <i class="glyphicon glyphicon-user"></i> <span>
          物业账号管理</span></a></li>
        <li class="sub-menu"><a href="javascript:void(0);">
          <i class="glyphicon glyphicon-cog"></i> <span>
          房屋信息管理</span></a>
          <ul class="sub">
            <li><a href="BuildingInfo.html">
              楼栋管理</a></li>
            <li><a href="HouseInfo.html">
              房间管理</a></li>
          </ul></li>
        <li class="sub-menu"><a href="ProprietorInfo.html" >
          <i class="glyphicon glyphicon-user"></i> <span>
            业主信息管理</span></a></li>
        <li class="sub-menu"><a href="AdvImages.html" >
          <i class="glyphicon glyphicon-picture"></i> <span>
            广告图片管理</span></a></li>

      </ul>
    </div>
  </aside>
  <section id="main-content">
    <section class="wrapper">
      <div class="home-page">
        <div class="home-page-info">
          <div>
            欢迎使用<br/>
            <span>友邻物业管理系统</span>
          </div>
        </div>
      </div>
    </section>
  </section>
  <footer class="site-footer">
    <div class="text-center" style="padding-left: 150px">
      2016 &copy; 友邻物业.
      <a href="#" class="go-top"><i class="icon-angle-up"></i></a>
    </div>
  </footer>

  <div id="personalInfo" aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" class="modal fade">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title">个人信息</h4>
        </div>
        <div class="modal-body">
          <div class="item item-height">
            <span class="label">
              <img src="img/icon-personage.png" width="70px" height="70px" alt="头像" />
            </span>
            <div class="fl">
              <span><a href="javascript:void(0);"></a></span>
            </div>
          </div>
          <div class="item">
            <span class="label">昵称:</span>
            <div class="fl">
              <input id="nickName" class="input-sm" type="text" />
            </div>
          </div>
          <div class="item">
            <span class="label">生日:</span>
            <div class="fl">
              <input id="birthday" class="input-sm" type="text" />
            </div>
          </div>
          <div class="item">
            <span class="label">性别:</span>
            <div class="fl">
              <label class="checkbox-inline">
                <input type="radio" name="optionsRadiosinline" id="optionsRadios1" value="option1" > 男
              </label>
              <label class="checkbox-inline">
                <input type="radio" name="optionsRadiosinline" id="optionsRadios2" value="option2"> 女
              </label>
              <label class="checkbox-inline">
                <input type="radio" name="optionsRadiosinline" id="optionsRadios3" value="option1" checked> 保密
              </label>
            </div>
          </div>
          <div class="item">
            <span class="label">手机号码:</span>
            <div class="fl">
              <input id="phoneNum" class="input-sm" type="text" /></p></td>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button data-dismiss="modal" class="btn btn-default" type="button">取消</button>
          <button id="modifyPersonalInfo" class="btn btn-success" type="button">确定</button>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- js placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="js/jquery_v1.8.3.js"></script>
<script type="text/javascript" src="js/bootstrap_v3.0.2.js"></script>
<script type="text/javascript" src="js/jquery.dcjqaccordion.2.7.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo.min.js"></script>
<script type="text/javascript" src="js/jquery.nicescroll.js"></script>
<script type="text/javascript" src="assets/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="js/respond.min.js" ></script>

<!--common script for all pages-->
<script src="js/common-scripts.js"></script>
<script type="text/javascript" src="./js/project/header.js"></script>

<script type="text/javascript">
  $(document).ready(function() {
    initHeader();
  });
</script>

</body>
</html>
